var jcrop_api, boundx, boundy;
var deleteUrl = rootPath + '/manage/courseTemplate/deleteArea/exec';
var editUrl = rootPath + '/manage/courseTemplate/editAreaProp?';
$(function(){
	$("#element_id").Jcrop({
		onChange : function(c) {
			setCoords(c);
		},
		onSelect : function(c) {
			setCoords(c);
		},
		onDblClick:function(){
			var pageii = layer.open({
				title : '图片属性编辑',
				type : 2,
				area : [ '700px', '600px' ],
				content : editUrl +'courseTemplateId='+courseTemplateId+'&sfsf='+sfsf+'&width_bl='+width_bl+'&x1='+$('#x1').val()+'&y1='+$('#y1').val()+'&x2='+$('#x2').val()+'&y2='+$('#y2').val()
			});
		}
	},function(){
	      jcrop_api = this;
	});
	
	//图片圈定区域点击事件
	$('.one-position').click(function(){
	   var param = 'px1='+$(this).attr('px1')+'&py1='+$(this).attr('py1')+'&px2='+$(this).attr('px2')+'&py2='+$(this).attr('py2')
	   			+'&courseTemplateId='+courseTemplateId+'&fjUrl='+fjUrl+'&posId='+$(this).attr("pos_id")+'&sfsf='+sfsf
	   			+'&img_width='+img_width+'&img_height='+img_height+'&width_bl='+width_bl;
	   location.href = rootPath + '/manage/courseTemplate/toCropPage?' + param;
	});
	
	//图片圈定区域鼠标悬浮事件
	$('.one-position').hover(function(){
		$(this).find('.one-position-oper').show();
	},function(){
		$(this).find('.one-position-oper').hide();
	});
	
	//鼠标悬浮编辑属性事件
	$('.a_edit_position').click(function(event){
		event.stopPropagation();
		var pageii = layer.open({
			title : '图片属性编辑',
			type : 2,
			area : [ '700px', '600px' ],
			content : editUrl + 'type=1&courseTemplateId='+courseTemplateId+'&posId='+$(this).parent().parent().attr('pos_id')+'&sfsf='+sfsf+'&width_bl='+width_bl
		});
	});
	
	//鼠标悬浮删除事件
	$('.a_del_position').click(function(event){
		event.stopPropagation();
		var posId=$(this).parent().parent().attr('pos_id');
		layer.confirm('确定要删除该区域吗？', function(index) {
			common_ajax.ajax(deleteUrl, {
				id : posId
			}, 'json', function(data){
				if(data){
					if(data.resultCode == '000000'){
						layer.msg("操作成功！");
						setTimeout(function () {
							renderEvent();
					    }, 1000);
					}else{
						layer.alert('操作失败！',{icon: 5});
					}
				}
			});
		});
	});
});

function setCoords(c) {
	$('#x1').val(c.x);
	$('#y1').val(c.y);
	$('#x2').val(c.x2);
	$('#y2').val(c.y2);
};

function renderEvent(){
	location.href = rootPath + "/manage/courseTemplate/editCourseTemp?courseTemplateId="+courseTemplateId
		+'&screen_width='+window.screen.availWidth+'&screen_height='+window.screen.availHeight+'&width_bl='+width_bl;
}
